﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页</title>
    <link href="../../css/reset.css" rel="stylesheet" />
    <link href="../../css/common.css" rel="stylesheet" />
    <link href="../../css/NewIndex/indexpage.css" rel="stylesheet" />
</head>
<body>
    <div class="w960 mt-20">
        <!--1F~3F标题-->
        <div>
            <p class="f-16">
                头部:
            </p>
            <p class="mt-10">
                <i class="icon_index icon-nav-look"></i>
                <i class="icon_index icon-nav-buy"></i>
                <i class="icon_index icon-nav-use"></i>
                <i class="icon_index icon-qst-mark"></i>
                <i class="icon_index icon-tel"></i>
            </p>
            <p class="f-16">
                1F~3F标题:
            </p>
           <p class="mt-10">
               <i class="icon_index icon-look-car"></i>
               <i class="icon_index icon-buy-car"></i>
               <i class="icon_index icon-use-car"></i>
           </p>
            <div class="mt-50" style="background-color:#fff;">
                <div class="floor-one clearfix">
                    <i class="icon_index icon-look-car floor-img"></i>
                    <h3 class="clr-white fr floor-tit">
                        <a href="#" class="clr-white ">热门车型</a>
                        &nbsp;|&nbsp;
                        <a href="#" class="clr-white ">精美图库</a>
                    </h3>
                </div>
            </div>

            <div class="mt-50" style="background-color:#fff;">
                <div class="floor-two clearfix">
                    <i class="icon_index icon-buy-car floor-img"></i>
                    <h3 class="clr-white fr floor-tit">
                        <a href="#" class="clr-white ">促销活动</a>
                        &nbsp;|&nbsp;
                        <a href="#" class="clr-white ">经销商</a>
                    </h3>
                </div>
            </div>

            <div class="mt-50" style="background-color:#fff;">
                <div class="floor-three">
                    <i class="icon_index icon-use-car floor-img"></i>                    
                </div>
            </div>

            <p class="f-16 mt-20">
                首页栏目标题:
            </p>
            <p class="mt-10">
                <i class="icon_index icon-hot-car"></i> 
                &nbsp;
                <i class="icon_index icon-hot-pic"></i> 
                &nbsp;
                <i class="icon_index icon-hot-dealer"></i> 
                &nbsp;
                <i class="icon_index icon-hot-sale"></i> 
                &nbsp;                         
            </p>
            <div class="mt-20" style="background-color:#fff">
                <div class="hot-cars-models clearfix">
                    <h1 class="hot-cars-tit"><i class="icon_index icon-hot-car mark-i"></i>热门车型</h1>
                    <div class="fr hot-car-fr">
                        <a href="#">
                            <i class="icon_index icon-cxku va-m"></i>
                            <i class="icon_index icon-arrow-blue"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="mt-20" style="background-color:#fff">
                <div class="hot-cars-models clearfix">
                    <h1 class="hot-cars-tit"><i class="icon_index icon-hot-pic mark-i"></i>精美图库&nbsp;<i class="icon_index icon-hot-small sup-i"></i></h1>
                    <div class="fr">
                        <a href="#" class="f-12 f-yahei clr-gray6">
                            查看更多
                            <i class="icon_index icon-arrow-blue va-m"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="mt-20" style="background-color:#fff">
                <div class="hot-sales clearfix">
                    <h1 class="hot-cars-tit">
                        <i class="icon_index icon-hot-sale mark-i"></i>促销活动                        
                    </h1>
                    <div class="fl hot-sales-tit">
                        当前有<strong class="clr-red-two">189</strong>个活动正在火爆进行中
                    </div>
                    <div class="fr">
                        <a href="#" class="f-12 f-yahei clr-gray6">
                            查看更多
                            <i class="icon_index icon-arrow-ora va-m"></i>
                        </a>
                    </div>
                </div>
            </div>


            <div class="mt-20" style="background-color:#fff">
                <div class="hot-sales clearfix">
                    <h1 class="hot-cars-tit">
                        <i class="icon_index icon-hot-dealer mark-i"></i>经销商
                    </h1>                    
                    <div class="fr">
                        <a href="#" class="f-12 f-yahei clr-gray6">
                            查看更多
                            <i class="icon_index icon-arrow-ora va-m"></i>
                        </a>
                    </div>
                </div>
            </div>
            <p class="f-16 mt-10">                
                小图标:
            </p>
            <p class="mt-10">                
                <i class="icon_index icon-cxku"></i> 
                &nbsp;
                <i class="icon_index icon-sale-small"></i> 
                &nbsp;
                <i class="icon_index icon-tel-small"></i> 
                &nbsp;
                <i class="icon_index icon-hot-small"></i> 
                &nbsp;
                <i class="icon_index icon-arrow-blue"></i>
                 &nbsp;
                <i class="icon_index icon-arrow-ora"></i> 
                &nbsp;
            </p>

            <p class="f-16 mt-10">
                箭头:
            </p>
            <p class="mt-10">
                <i class="icon_index icon-normal-left"></i> 
                &nbsp;
                <i class="icon_index icon-hover-left"></i> 
                &nbsp;
                <i class="icon_index icon-normal-right"></i> 
                &nbsp;
                <i class="icon_index icon-hover-right"></i> 
                &nbsp;                
            </p>

            <p class="f-16 mt-10">
                图标:
            </p>
            <p class="mt-10">
                <i class="icon_logos index-logo-rw"></i> 
                &nbsp;
                <i class="icon_logos index-logo-mg"></i> 
                &nbsp;
                <i class="icon_logos index-logo-bk"></i>
                 &nbsp;
                <i class="icon_logos index-logo-clt"></i> 
                &nbsp;
                <i class="icon_logos index-logo-cdl"></i> 
                &nbsp;
                <i class="icon_logos index-logo-vw"></i> 
                &nbsp;
                <i class="icon_logos index-logo-skd"></i> 
                &nbsp;
                <i class="icon_logos index-logo-wl"></i> 
                &nbsp;
                <i class="icon_logos index-logo-bj"></i> 
                &nbsp;
                <i class="icon_logos index-logo-dt"></i> 
                &nbsp;
            </p>
            <p class="f-16 mt-10">
                小图标:
            </p>
            <p class="mt-10">
                <i class="icon_logosmall index-logo-rws"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-mgs"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-bks"></i>
                 &nbsp;
                <i class="icon_logosmall index-logo-clts"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-cdls"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-vws"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-skds"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-wls"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-bjs"></i> 
                &nbsp;
                <i class="icon_logosmall index-logo-dts"></i> 
                &nbsp;
            </p>



            
                
                     
        </div>
    </div>
</body>
</html>
